{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
	<meta charset="utf-8">
	<title>Snakes Game</title>

	<script src="{% static 'js/tcs.js' %}" type="text/javascript"></script>


	<script>

	</script>
</head>
<body>
	<h1>Snakes Game</h1>
	<div align="left" class="a">

	</div>
	<style>
body{
	text-align: center;
	background-color: rgb(173, 216, 230);
}
#snake{
	margin-top: 20px;
}
.a{
	margin-top: 50px;
	margin-left: 680px;
	width: 600px;
	font-size: 20px;
 
}

	</style>
	<canvas id="snake" width="" height=""></canvas>

	<h3 id="score">My score：0</h3>
	<h3 id="speed">Current speed：1</h3>

	<script>
	var snake = new Snake("snake","score","speed",36,36);
		snake.init();

	</script>
</body>